|技术资源门户第一站|
入住:用户 密码


首  页 | 新闻动态 | 网页设计 | 图形图像 | 网络编程 | 电脑技术 | 资源下载 | 专题集锦 | 酷站展示 | 图库素材 | 原创投稿
论  坛 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定
热 门 文 章
·(下)用Photoshop“组装”一只标
·微软宣布SQLServer2005功能及售价
·HTML简明手册 — 第十一章 脚本语
·四川风讯科技发展有限公司首届模
·完美之作:茶·咖啡·果汁
·HTML简明手册 — 第九章 样式
·腾讯宣布收购Foxmail
·下拉菜单全攻略之Dreamweaver篇
·ASP初学者常犯的几个错误
·Dreamweaver MX 2004 入门教程之
推 荐文 章
·【PS特训营】(1)《快速纹理》
·最新的技术-XSS(五)
·最新的技术-XSS(四)
·最新的技术-XSS(三)
·最新的技术-XSS(二)
·最新的技术-XSS(一)
·多媒体标记Shvatz 前景
·进入SMIL
·SMIL:多媒体标记
·XML未来的设计:未来的结构
栏目精华
相 关 文 章
·妙用Flash遮罩层实现水流效果
·带进度条的Loading制作
·FLASH基础的一些心得体会
  最新更新:  
 
全能搜索:
  开始时间  结束时间 
 
 您现在的位置:首页>图形图像>Flash>新闻
用Flash制作动感火焰字
日期:2005-3-18 14:36:26     来源:网讯   编辑:网讯 
相信多数Flash爱好者都见过一种文字特效,这种效果是将文字层作为遮罩利用背景图片的移动而产生动感。但是这种动画只是一种“假”动画,绝非真正动画效果。不久前本人为了参加公司系统举行的课件展评活动,在制作片头的时候突发奇想:能否利用遮罩效果实现文字熊熊燃烧的动画呢?想到就干,经过一番折腾,终于在屏幕上出现了暗夜之中熊熊燃烧字幕的精彩画面(如图1、2)。

 

图1

图2

  准备工作

  1、设置电影属性

  打开Flash5,在Modify(修改)菜单中选择Movie(电影)选项,在打开的属性面板中将Background(背景)后面的调色板打开,将背景色调整为黑色(这样做是为了突出火焰燃烧的效果)。

  2、创建“火焰”电影符号

  本动画的关键就在这一步,因为文字燃烧的背景就靠它了。在做这个练习之前,你得事先准备一个火焰燃烧的动画文件,最好是GIF格式(为什么?看完后面就知道了)。本人为了达到最佳效果,事先使用3DMAX制作了一个火焰动画文件,然后将其输出为逐帧位图动画的。准备好了动画文件,你就可以开始制作“火焰”电影片段符号了。

  单击Library(库)面板中“新符号”按钮,在弹出的面板中选择“Movie Clips”(电影片段)类型,将“Name”改为“火焰”。接着在符号编辑窗口打开“File”菜单,选择Import(导入)命令,导入事先准备好的火焰动画文件,此时即可看到导入的动画文件已经自动生成了逐帧动画(如图3)。

  如无特殊需要,“火焰”电影符号就算已经完成,你还可以点击左上角的“Scene”(场景)回到主场景工作窗口中来。


图3

  制作燃烧背景效果

  准备工作完成,下面就是制作火焰越烧越旺的效果了。

  1、将第一层改名为“背景”,将库中的“火焰”符号拖至第一帧。在时间轴25帧处按F6键插入一关键帧。

  2、新建一“文字”层,在第一帧输入“东风汽车公司电教馆”字样,将文字调整到页面合适大小。

  3、选中“背景”层,将“火焰”实体调整至图4的位置,选中第25帧,将“火焰”调整至图5的位置。


图4

  4、在时间轴上选中“背景”层的所有帧,单击右键,在弹出的菜单中选择“Create Motion Tween”(创建运动动画)。至此,火焰燃烧的动画我们已经做完,但我们需要的效果还没出现,先别着急……


图5

  设置文字遮罩效果

  要想实现最终效果,至此仅需一步:设置遮罩层。

  选择“文字”层,单击右键,在弹出的菜单中选择“Mask”(遮罩)命令,这时的文字已成了镂空效果,熊熊火焰正从文字的背后燃烧欲出。按下Ctrl+Enter组合键,你就准备偷着乐吧……

  不过,为了达到最佳效果,我们还要在第25帧后再将动画延长至第50帧,作用是让火焰烧出整个文字后再燃烧一段时间,以达到欣赏的效果,不至于在播放时文字刚一出现就消失了。然后,你就随便乐吧!


特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
责任编辑:网讯 原始作者:
信息来源:网讯 录入时间:2005-3-18 14:36:26
浏览次数: 投稿信箱: Wooxun#126.com

  → 发表我的评论      → 查看评论(点击查看)
版权所有 2005-2006©www.woxun.com  维护QQ:8216238
设计版本:网讯中国 2005 VOL.1 程序核心:风讯2.0